*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: PingFangSC-Medium,PingFang SC;
    background-color: #f6f8fa;
    user-select: none;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
.swiper-box{
    width: 100%;
    height: 340px;
        .toplist-box{
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            height: 72px;
            z-index: 99;
            display: flex;
            align-items: center;
            // background: transparent;
            .toplist{
                width: 1200px;
                margin: auto;
                display: flex;
                justify-content: space-between;
                align-items: center;
                .logo-box{
                    width: 164px;
                    height: 49px;
                    background-image: url('https://revo.zongheng.com/comm/2024/98ffe0d3.png');
                    background-size: 164px,49px;
                    background-repeat: no-repeat;
                }
                .classify{
                    display: flex;
                    width: 343px;
                    height: 20px;
                    li{
                        position: relative;
                        height: 25px;
                        font-size: 14px;
                        color: #fff;
                        font-weight: 500;
                        margin-left:24px ;
                        cursor: pointer;
                        padding-bottom: 5px;
                    }
                    li::after{
                        display: block;
                        content: '';
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        height: 2px;
                        background: #e60000;
                        transform: scaleX(0);
                        transform-origin: left;
                        transition: all 0.2s linear;
                    }
                    li:hover::after{
                        transform: scaleX(1);
                        transition: all 0.2s linear;
                    }
                }
                .ipt-box{
                    width: 317px;
                    height: 40px;
                    background-color: #f6f8fa;
                    border-radius: 20px;
                    display: flex;
                    align-items: center;
                    padding: 0 16px;
                    input{
                        width: 265px;
                        height: 40px;
                        outline: none;
                        border: none;
                        background-color: #f6f8fa;
                    }
                    img{
                        width: 20px;
                        height: 20px;
                    }
                }
                .three{
                    width: 144px;
                    height: 48px;
                    display: flex;
                    justify-content: center;
                    li{
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        width: 48px;
                        height: 48px;
                        text-align: center;
                        cursor: pointer;
                        img{
                            width: 20px;
                            height: 20px;
                            margin: 0 auto 0;
                            
                        }
                        p{
                            font-size: 12px;
                            font-weight: 400;
                            color: #fff;
                        }
                    }
                }
                .write{
                    width: 102px;
                    height: 40px;
                    background-color: #f6f8fa;
                    border-radius: 8px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    img{
                        width: 20px;
                        height: 20px;
                    }
                    p{
                        font-size: 14px;
                        color: #333;
                    }
                }
                .write:hover{
                    background-color: #fef2f2;
                }
                .login{
                    font-size: 16px;
                    font-weight: 500;
                    color: #fff;
                    cursor: pointer;
                }
            }

        }
        .swiper-container{
            .swiper-pagination{
                bottom: 40px;
                .swiper-pagination-bullet{
                    width: 18px;
                    height: 4px;
                    border-radius: 2px;
                    margin: 0 2px;
                    background-color: #fff;
                    opacity: 1!important;
                }
            }
            .swiper-pagination-bullet-active{
                background-image: linear-gradient(324deg,#e60000,#ff6114);
                
            }

            .swiper-button-next{
                margin-right: 20px;
                width: 46px;
                height: 46px;
                border-radius: 50%;
                background-color: rgba(34,34,34,.8);
                background-size: 10px,10px;
                opacity: 0;
                transition: opacity 0.2s linear;
            }
            .swiper-button-prev{
                margin-left: 20px;
                width: 46px;
                height: 46px;
                border-radius: 50%;
                background-color: rgba(34,34,34,.8);
                background-size: 10px,10px;
                opacity: 0;
                transition: opacity 0.2s linear;
            }
        }
        .swiper-container:hover .swiper-button-next{
            opacity: 1;
            transition: opacity 0.2s linear ;
        }
        .swiper-container:hover .swiper-button-prev{
            opacity: 1;
            transition: opacity 0.2s linear ;
        }
}
.content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 10;
    margin-top:-20px;
    .select-box {
        width: 1200px;
        height: 104px;
        margin: 0 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        backdrop-filter: blur(8px);
        background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .86)), to(#fff));
        border-radius: 16px;
        padding: 16px 17px 16px 32px;
        .left1 {
            width: 330px;
            height: 72px;
            display: flex;
            align-items: center;
            li {
                width: 78px;
                height: 72px;
                margin-right: 32px;
                cursor: pointer;

                .img-box {
                    width: 78px;
                    height: 48px;
                    overflow: hidden;
                    margin-bottom: 6px;

                    img {
                        width: 100%;
                        display: block;
                    }
                }

                .img-box:hover {
                    transform: scale(1.1);
                }

                p {
                    text-align: center;
                }
            }

            li:nth-child(1) p {
                color: #876729;
            }

            li:nth-child(2) p {
                color: #904237;
            }

            li:nth-child(3) p {
                color: #355d92;
            }

        }

        .center1 {
            width: 511px;
            height: 72px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            // align-items: center;
            li {
                width: 84px;
                height: 32px;
                line-height: 32px;
                text-align: center;
                font-size: 15px;
                font-weight: 500;
                color: #666;
                cursor: pointer;
                margin: 0 21px 8px;
                border-radius: 8px;
            }

            li:hover {
                background-color: rgba(230, 0, 0, .05);
                color: #e60000;
            }
        }
        .right1 {
            width: 307px;
            height: 56px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding-left: 25px;
            border-left: 1px solid #e0e0e0;
            li{
                width: 93px;
                height: 24px;
                line-height: 24px;
                text-align: center;
                font-size: 15px;
                font-weight: 500;
                color: #818283;
                cursor: pointer;
            }
            li:hover{
                color: #333;
            }

        }

    }
    .section{
        width: 1200px;
        height: 76px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        
        li{
            width: 378.8px;
            height: 22px;
            display: flex;
            justify-content: space-between;
            padding: 0 50px 6px 0;
            // border-right: 1px solid #eee;
            
            .text{
                height: 22px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 14px;
                font-weight: 400;
                color: #666;
                line-height: 22px;
                cursor: pointer;
            }
            .text:hover{
                color: #e60000;
            }
            .time{
                    font-size: 12px;
                    color: #999;
                    line-height: 22px;
            }
        }
    }
    .recommend{
        width: 1200px;
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
            .left2{
                width: 282px;
                height: 519px;
                    .title2{
                        font-family: SourceHanSerifCN-Bold;
                        width: 282px;
                        height: 56px;
                        padding-bottom: 28px;
                        font-size: 22px;
                        font-weight: 500;
                        line-height: 28px;
                        color: #333;
                    }
                    .book2-box{
                        position: relative;
                        width: 282px;
                        height: 392px;
                        margin-top: 66px;
                        background-image: linear-gradient(180deg,#e3e9ed,#fff 58%);
                        border: 1px solid #ececec;
                        border-radius: 12px;
                        .book2-dingwei{
                            position: absolute;
                            top:-70px;
                            left:50%;
                            transform: translateX(-50%);
                            width: 190px;
                            height: 254px;
                            border: 1px solid #d0d3d6;
                            border-radius: 8px;
                            overflow: hidden;
                            z-index: 4;
                            .bigCover{
                                width: 100%;
                                height: 100%;
                                transition: all 0.1s linear;
                            }
                        }
                        .book2-dingwei:hover .bigCover{
                            transform: scale(1.1);
                            transition: all 0.1s linear;
                        }
                        .baise{
                            position: absolute;
                            top: -65px;
                            right: 40px;
                            width: 195px;
                            height: 240px;
                            border: 1px solid #d0d3d6;
                            background-color: #f6f8fa;
                            box-shadow: 2px 0 7px 0 hsla(204,2%,49%,.2);
                            border-radius: 4px;
                        }
                        .tianchong{
                            width: 100%;
                            height: 200px;
                        }
                        .down-text{
                            width: 100%;
                            padding: 0 24px;
                            p{
                                width: 100%;
                                cursor: pointer;
                                text-align: center;
                            }
                            .bookTitle{
                                color: #333;
                                font-size: 22px;
                                font-weight: 500;
                                line-height: 30px;
                                margin-bottom: 12px;
                            }
                            .bookTitle:hover{
                                color: #e60000;
                            }
                            .author{
                                color: #666;
                                font-size: 16px;
                                line-height: 18px;
                                margin-bottom: 18px;
                            }
                            .author:hover{
                                color: #e60000;
                            }
                            .intro{
                                color: #999;
                                font-size: 14px;
                                font-weight: 400;
                                line-height: 22px;
                                margin-bottom: 21px;
                                text-align: left;
                            }
                        }
                    }
                    .book2-box::after{
                                display: block;
                                position: absolute;
                                top: -70px;
                                left: 45px;
                                content: '';
                                width: 17px;
                                height: 254px;
                                background-image: url('../zymimg/shudai.png');
                                background-size: cover;
                                z-index: 5;
                                border-radius: 6px 0 0 6px;
                    }
                    .book2-box::before{
                        position: absolute;
                        content: '';
                        width: 134px;
                        height: 26px;
                        background-color: #7b7e80;
                        top: 160px;
                        left: 50%;
                        transform: translateX(-50%);
                        filter: blur(9px);
                    }
            }
            .center2{
                width: 588px;
                height: 459px;
                margin: 60px 24px 0;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                li{
                    width: 272px;
                    height: 129px;
                    margin: 0 0 36px 0;
                    display: flex;
                    .leftBig{
                        width: 96px;
                        height: 128px;
                        margin-right: 16px;
                        cursor: pointer;
                        position: relative;
                        .ImgBox{
                            width: 96px;
                            height: 128px;
                            overflow: hidden;
                            border-radius: 4px;
                            .lbc{
                                width: 96px;
                                transition: all 0.1s linear;
                            }
                            .lbc:hover{
                                transform: scale(1.1);
                                transition: all 0.1s linear;
                            }
                        }
                    }
                    .leftBig::before{
                            display: block;
                            position: absolute;
                            top: 0;
                            left: 0;
                            content: '';
                            width: 13px;
                            height: 128px;
                            z-index: 4;
                            background-image: url('../zymimg/shudai.png');
                            background-size: cover;
                            border-radius: 4px 0px 0px 4px;
                        }
                        .leftBig::after{
                            display: block;
                            position: absolute;
                            bottom: -3px;
                            left: 50%;
                            transform: translateX(-50%);
                            content: '';
                            width: 67.2px;
                            height: 12.8px;
                            background: rgb(123, 126, 128);
                            filter: blur(9px);
                            z-index: -1;
                        }
                    .rightTxt{
                        width: 160px;
                        height: 129px;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        p{
                            cursor: pointer;
                        }
                        .lbt{
                            color: #333;
                            font-size: 16px;
                            font-weight: 500;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                        .lbt:hover{
                            color: #e60000;
                        }
                        .lbi{
                            color: #999;
                            font-size: 14px;
                            font-weight: 400;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                        .lbi:hover{
                            color: #e60000;
                        }
                        .lbb{
                            color: #666;
                            font-size: 12px;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            span:hover{
                                color: #e60000;
                            }
                        }
                    }
                }
            }
            .right2{
                width: 282px;
                height: 458px;
                .r2top{
                    width: 282px;
                    height: 20px;
                    display: flex;
                    justify-content: start;
                    align-items: center;
                    margin-top: 5px;
                    .r2t{
                        height: 20px;
                    }
                    .r2r{
                        width: 20px;
                        height: 20px;
                    }
                }
                .r2Txt{
                    width: 282px;
                    height: 445px;
                    margin-top: 35px;
                    padding-top: 15px;
                    background-image: url('https://revo.zongheng.com/www/2024/images/9f59488.png');
                    background-size: cover ;
                    border-radius: 12px;
                    
                    li{
                        width: 282px;
                        height: 33px;
                        padding: 0 24px;
                        margin-bottom: 7px;
                        display: flex;
                        align-items: center;
                        cursor: pointer;
                        .r2tL{
                            width: 33px;
                            height: 33px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            img{
                                width: 100%;
                            }
                            span{
                                text-align: center;
                                font-size: 16px;
                                color: #c6c4c4;
                                font-weight: 700;

                            }
                        }
                        .r2tR {
                            width: 201px;
                            
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            .r2tC {
                                
                                p {
                                    width: 140px;
                                }
                                .r2tCbt {
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    font-size: 16px;
                                    color: #333;
                                }
                            }

                            .r2tN {
                                .r2tRn {
                                    color: #999;
                                    font-weight: 400;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                }
            }
    }
    .bjlj{
        width: 1200px;
        height: 410px;
        margin-top: 40px;
            .bjljt{
                font-size: 22px;
                font-weight: 500;
                color: #333;
            }
            .swiper2{
                width: 1200px;
                height: 354px;
                .swiperBox1 {
                        width: 126px;
                        .swiperimg {
                            position: relative;
                            width: 126px;
                            height: 168px;
                            border-radius: 4px;
                            overflow: hidden;
                            img {
                                width: 100%;
                                transition: scale 0.1s linear;
                            }
                            .black1 {
                                display: none;
                                flex-direction: column;
                                justify-content: space-between;
                                position: absolute;
                                top: 0;
                                width: 100%;
                                height: 168px;
                                background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 28%, #000 89%);
                                padding: 59px 12px 20px;
                                .black1intro {
                                    font-size: 15px;
                                    color: #fff;
                                    display: -webkit-box;
                                    -webkit-line-clamp: 3;
                                    -webkit-box-orient: vertical;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                }
                                .black1A {
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    overflow: hidden;
                                    color: #fff;
                                    font-size: 12px;
                                    opacity: .6;
                                    text-align: center;
                                }
                            }
                        }
                        .swiperimg:hover img {
                            transform: scale(1.1);
                            transition: scale 0.1s linear;
                        }
                
                        .swiperimg:hover .black1 {
                            display: flex;
                        }
                        .swipertit {
                            position: absolute;
                            bottom: 60px;
                            text-align: center;
                            width: 126px;
                            font-size: 14px;
                            color: #333;
                        }
                    }
            }
    }
    .advertise{
        margin-bottom: 40px;
        img{
            width: 1200px;
            height: 80px;
            border-radius: 8px;
        }
    }
}
.nansheng{
    width: 100%;
    height: 591px;
    padding: 23px 0 30px;
    background-color: rgba(239,243,247,.6);
    background-image: url(https://revo.zongheng.com/www/2024/images/7b449d6.png), url(https://revo.zongheng.com/www/2024/images/75caf4c.png);
    background-position: 0 0,100% 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 275px auto,573px auto;
    .menbox{
        width: 1200px;
        height: 100%;
        margin: auto;
        .mentitle{
            height: 56px;
            font-size: 22px;
            font-weight: 500;
            color: #333;
        }
        .mencontent{
            display: flex;
            .left3{
            width: 282px;
            height: 480px;
            margin-right: 24px;
            .men-box {
                    position: relative;
                    width: 282px;
                    height: 420px;
                    margin-top: 66px;
                    background-image: linear-gradient(180deg, #e3e9ed, #fff 58%);
                    border: 1px solid #ececec;
                    border-radius: 12px;
                    .men-dingwei {
                        position: absolute;
                        top: -70px;
                        left: 50%;
                        transform: translateX(-50%);
                        width: 190px;
                        height: 254px;
                        border: 1px solid #d0d3d6;
                        border-radius: 8px;
                        overflow: hidden;
                        z-index: 4;
                        .bigCover {
                            width: 100%;
                            height: 100%;
                            transition: all 0.1s linear;
                        }
                    }
            
                    .men-dingwei:hover .bigCover {
                        transform: scale(1.1);
                        transition: all 0.1s linear;
                    }
            
                    .baise {
                        position: absolute;
                        top: -65px;
                        right: 40px;
                        width: 195px;
                        height: 240px;
                        border: 1px solid #d0d3d6;
                        background-color: #f6f8fa;
                        box-shadow: 2px 0 7px 0 hsla(204, 2%, 49%, .2);
                        border-radius: 4px;
                    }
            
                    .tianchong {
                        width: 100%;
                        height: 200px;
                    }
            
                    .down-text {
                        width: 100%;
                        padding: 0 24px;
            
                        p {
                            width: 100%;
                            cursor: pointer;
                            text-align: center;
                        }
            
                        .bookTitle {
                            color: #333;
                            font-size: 22px;
                            font-weight: 500;
                            line-height: 30px;
                            margin-bottom: 12px;
                        }
            
                        .bookTitle:hover {
                            color: #e60000;
                        }
            
                        .author {
                            color: #666;
                            font-size: 16px;
                            line-height: 18px;
                            margin-bottom: 18px;
                        }
            
                        .author:hover {
                            color: #e60000;
                        }
            
                        .intro {
                            color: #999;
                            font-size: 14px;
                            font-weight: 400;
                            line-height: 22px;
                            margin-bottom: 21px;
                            text-align: left;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                        .detail{
                            width: 180px;
                            height: 40px;
                            line-height: 40px;
                            border-radius: 20px;
                            color: #fff;
                            background: linear-gradient(324deg,#e60000,#ff6114);
                            margin: auto;
                        }
                    }
                }
            
                .men-box::after {
                    display: block;
                    position: absolute;
                    top: -70px;
                    left: 45px;
                    content: '';
                    width: 17px;
                    height: 254px;
                    background-image: url('../zymimg/shudai.png');
                    background-size: cover;
                    z-index: 5;
                    border-radius: 6px 0 0 6px;
                }
            
                .men-box::before {
                    position: absolute;
                    content: '';
                    width: 134px;
                    height: 26px;
                    background-color: #7b7e80;
                    top: 160px;
                    left: 50%;
                    transform: translateX(-50%);
                    filter: blur(9px);
                }
        }
        .right3{
            .r3u{
                width: 894px;
                height: 478px;
                display: flex;
                flex-wrap: wrap;
                li{
                    width: 260px;
                    height: 219px;
                    margin-right: 57px;
                    margin-bottom: 40px;
                    .upimg{
                        width: 260px;
                        height: 43px;
                        background-position: 100% 100%;
                        background-repeat: no-repeat;
                        background-size: contain;
                        border-bottom: 1px solid #d7e0e8;
                        margin-bottom: 16px;
                        font-size: 18px;
                        font-weight: 500;
                        color: #333;
                        font-family: PingFangSC,PingFangSC-Medium;
                        
                    }
                    .downtxt{
                        ul{
                            li{
                                width: 260px;
                                height: 22px;
                                margin-bottom: 10px;
                                font-size: 14px;
                                display: flex;
                                p{
                                    font-size: 14px;
                                    font-weight: 400;
                                    white-space: nowrap;
                                    cursor: pointer;
                                }
                                .leftp{
                                    margin-right: 12px;
                                    color: #999;
                                }
                                p:hover{
                                    color: #e60000;
                                }
                                .rightp{
                                    
                                    color: #333;
                                    overflow: hidden;
                                    text-overflow: ellipsis;

                                }
                            }
                        }
                        
                        
                        }
                    }
                    li:nth-child(3){
                        margin-right: 0;
                    }
                    li:nth-child(6){
                        margin-right: 0;
                    }

                }
            
            }
        }
    }
    
}
.nvsheng{
    width: 100%;
    height: 591px;
    padding: 23px 0 30px;
    background-color: rgba(239,243,247,.6);
    background-image: url(https://revo.zongheng.com/www/2024/images/bcd0265.png), url(https://revo.zongheng.com/www/2024/images/f18567b.png);
    background-position: 0 100%,100% 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 275px auto,226px 226px;
    background-color: hsla(0,33%,94%,.6);
    .womenbox{
        width: 1200px;
        height: 100%;
        margin: auto;
        .womentitle{
            height: 56px;
            font-size: 22px;
            font-weight: 500;
            color: #333;
        }
        .womencontent{
            display: flex;
            .left3{
            width: 282px;
            height: 480px;
            margin-right: 24px;
            .women-box {
                    position: relative;
                    width: 282px;
                    height: 420px;
                    margin-top: 66px;
                    background-image: url('https://revo.zongheng.com/www/2024/images/4967ef6.png');
                    background-size: 100% auto;
                    background-repeat: no-repeat;
                    background-color: #fff;
                    border: 1px solid #ececec;
                    border-radius: 12px;
                    .men-dingwei {
                        position: absolute;
                        top: -70px;
                        left: 50%;
                        transform: translateX(-50%);
                        width: 190px;
                        height: 254px;
                        border: 1px solid #d0d3d6;
                        border-radius: 8px;
                        overflow: hidden;
                        z-index: 4;
                        .bigCover {
                            width: 100%;
                            height: 100%;
                            transition: all 0.1s linear;
                        }
                    }
            
                    .men-dingwei:hover .bigCover {
                        transform: scale(1.1);
                        transition: all 0.1s linear;
                    }
            
                    .baise {
                        position: absolute;
                        top: -65px;
                        right: 40px;
                        width: 195px;
                        height: 240px;
                        border: 1px solid #d0d3d6;
                        background-color: #f6f8fa;
                        box-shadow: 2px 0 7px 0 hsla(204, 2%, 49%, .2);
                        border-radius: 4px;
                    }
            
                    .tianchong {
                        width: 100%;
                        height: 200px;
                    }
            
                    .down-text {
                        width: 100%;
                        padding: 0 24px;
            
                        p {
                            width: 100%;
                            cursor: pointer;
                            text-align: center;
                        }
            
                        .bookTitle {
                            color: #333;
                            font-size: 22px;
                            font-weight: 500;
                            line-height: 30px;
                            margin-bottom: 12px;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            overflow: hidden;
                        }
            
                        .bookTitle:hover {
                            color: #e60000;
                        }
            
                        .author {
                            color: #666;
                            font-size: 16px;
                            line-height: 18px;
                            margin-bottom: 18px;
                        }
            
                        .author:hover {
                            color: #e60000;
                        }
            
                        .intro {
                            color: #999;
                            font-size: 14px;
                            font-weight: 400;
                            line-height: 22px;
                            margin-bottom: 21px;
                            text-align: left;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                        .detail{
                            width: 180px;
                            height: 40px;
                            line-height: 40px;
                            border-radius: 20px;
                            color: #fff;
                            background: linear-gradient(324deg,#e60000,#ff6114);
                            margin: auto;
                        }
                    }
                }
            
                .women-box::after {
                    display: block;
                    position: absolute;
                    top: -70px;
                    left: 45px;
                    content: '';
                    width: 17px;
                    height: 254px;
                    background-image: url('../zymimg/shudai.png');
                    background-size: cover;
                    z-index: 5;
                    border-radius: 6px 0 0 6px;
                }
            
                .women-box::before {
                    position: absolute;
                    content: '';
                    width: 134px;
                    height: 26px;
                    background-color: #7b7e80;
                    top: 160px;
                    left: 50%;
                    transform: translateX(-50%);
                    filter: blur(9px);
                }
        }
        .right4{
            .r4u{
                width: 894px;
                height: 454px;
                display: flex;
                li{
                    width: 260px;
                    height: 414px;
                    margin-right: 57px;
                    margin-bottom: 40px;
                    .upimg{
                        width: 260px;
                        height: 43px;
                        
                        background-position: 100% 100%;
                        background-repeat: no-repeat;
                        background-size: contain;
                        border-bottom: 1px solid #f9dcdc;
                        margin-bottom: 16px;
                        font-size: 18px;
                        font-weight: 500;
                        color: #333;
                        font-family: PingFangSC,PingFangSC-Medium;
                        
                    }
                    .downtxt1{
                        ul{
                            li:first-child{
                                width: 272px;
                                height: 129px;
                                display: flex;
                                margin-bottom: 30px;
                                justify-content: space-between;
                                .img-box{
                                    width: 96px;
                                    height: 128px;
                                    overflow: hidden;
                                    img{
                                        width: 100%;
                                        transition: all 0.2s linear;
                                        border-radius: 4px;
                                }
                                }
                                .img-box:hover img{
                                    transform: scale(1.1);
                                    transition: all 0.2s linear;
                                }
                                .left1word{
                                    width: 160px;
                                    height: 129px;
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: space-between;
                                    .lwt{
                                        color: #333;
                                        font-size: 16px;
                                        font-weight: 500;
                                        display: -webkit-box;
                                        -webkit-line-clamp: 2;
                                        -webkit-box-orient: vertical;
                                        overflow: hidden;
                                        text-overflow: ellipsis;

                                    }
                                    .lwt:hover{
                                        color: #e60000;
                                    }
                                    .lwi{
                                        color: #999;
                                        font-size: 14px;
                                        display: -webkit-box;
                                        -webkit-line-clamp: 2;
                                        -webkit-box-orient: vertical;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                    }
                                    .lwi:hover{
                                        color: #e60000;
                                    }
                                    .lws{
                                        color: #666;
                                        font-size: 12px;
                                    }
                                    .lws span:hover{
                                        color: #E60000;
                                    }
                                }

                            }
                            li{
                                width: 260px;
                                height: 22px;
                                margin-bottom: 10px;
                                font-size: 14px;
                                display: flex;
                                p{
                                    font-size: 14px;
                                    font-weight: 400;
                                    
                                    cursor: pointer;
                                }
                                .leftp{
                                    margin-right: 12px;
                                    color: #999;
                                    
                                }
                                p:hover{
                                    color: #e60000;
                                }
                                .rightp{
                                    white-space: nowrap;
                                    color: #333;
                                    overflow: hidden;
                                    text-overflow: ellipsis;

                                }
                            }
                        }
                        
                        
                        }
                    }
                    li:nth-child(3){
                        margin-right: 0;
                    }
                    li:nth-child(6){
                        margin-right: 0;
                    }

                }
            
            }
        }
    }
    
}
.naodong{
    width: 100%;
    height: 591px;
    padding: 23px 0 30px;
    background-color: rgba(235,235,245,.6);
    background-image: url(https://revo.zongheng.com/www/2024/images/e7e1b90.png), url(https://revo.zongheng.com/www/2024/images/594a4bc.png);
    background-position: 0 100%,100% 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 175px auto,228px auto;
    .ndbox{
        width: 1200px;
        height: 100%;
        margin: auto;
        .ndtitle{
            height: 56px;
            font-size: 22px;
            font-weight: 500;
            color: #333;
        }
        .ndcontent{
            display: flex;
            .left3{
            width: 282px;
            height: 480px;
            margin-right: 24px;
            .nd-box {
                    position: relative;
                    width: 282px;
                    height: 420px;
                    margin-top: 66px;
                    background-image: url('https://revo.zongheng.com/www/2024/images/469708d.png');
                    background-repeat: no-repeat;
                    background-size: 100% auto;
                    background-color: #fff;
                    border: 1px solid #eee;
                    border-radius: 12px;
                    .nd-dingwei {
                        position: absolute;
                        top: -70px;
                        left: 50%;
                        transform: translateX(-50%);
                        width: 190px;
                        height: 254px;
                        border: 1px solid #d0d3d6;
                        border-radius: 8px;
                        overflow: hidden;
                        z-index: 4;
                        .bigCover {
                            width: 100%;
                            height: 100%;
                            transition: all 0.1s linear;
                        }
                    }
            
                    .nd-dingwei:hover .bigCover {
                        transform: scale(1.1);
                        transition: all 0.1s linear;
                    }
            
                    .baise {
                        position: absolute;
                        top: -65px;
                        right: 40px;
                        width: 195px;
                        height: 240px;
                        border: 1px solid #d0d3d6;
                        background-color: #f6f8fa;
                        box-shadow: 2px 0 7px 0 hsla(204, 2%, 49%, .2);
                        border-radius: 4px;
                    }
            
                    .tianchong {
                        width: 100%;
                        height: 200px;
                    }
            
                    .down-text {
                        width: 100%;
                        padding: 0 24px;
            
                        p {
                            width: 100%;
                            cursor: pointer;
                            text-align: center;
                        }
            
                        .bookTitle {
                            color: #333;
                            font-size: 22px;
                            font-weight: 500;
                            line-height: 30px;
                            margin-bottom: 12px;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            overflow: hidden;
                        }
            
                        .bookTitle:hover {
                            color: #e60000;
                        }
            
                        .author {
                            color: #666;
                            font-size: 16px;
                            line-height: 18px;
                            margin-bottom: 18px;
                        }
            
                        .author:hover {
                            color: #e60000;
                        }
            
                        .intro {
                            color: #999;
                            font-size: 14px;
                            font-weight: 400;
                            line-height: 22px;
                            margin-bottom: 21px;
                            text-align: left;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                        .detail{
                            width: 180px;
                            height: 40px;
                            line-height: 40px;
                            border-radius: 20px;
                            color: #fff;
                            background: linear-gradient(324deg,#e60000,#ff6114);
                            margin: auto;
                        }
                    }
                }
            
                .nd-box::after {
                    display: block;
                    position: absolute;
                    top: -70px;
                    left: 45px;
                    content: '';
                    width: 17px;
                    height: 254px;
                    background-image: url('../zymimg/shudai.png');
                    background-size: cover;
                    z-index: 5;
                    border-radius: 6px 0 0 6px;
                }
            
                .nd-box::before {
                    position: absolute;
                    content: '';
                    width: 134px;
                    height: 26px;
                    background-color: #7b7e80;
                    top: 160px;
                    left: 50%;
                    transform: translateX(-50%);
                    filter: blur(9px);
                }
        }
        .right5{
            .r5u{
                width: 894px;
                height: 478px;
                display: flex;
                flex-wrap: wrap;
                li{
                    width: 260px;
                    height: 219px;
                    margin-right: 57px;
                    margin-bottom: 40px;
                    .upimg{
                        width: 260px;
                        height: 43px;
                        background-position: 100% 100%;
                        background-repeat: no-repeat;
                        background-size: contain;
                        border-bottom: 1px solid #d7e0e8;
                        margin-bottom: 16px;
                        font-size: 18px;
                        font-weight: 500;
                        color: #333;
                        font-family: PingFangSC,PingFangSC-Medium;
                        
                    }
                    .downtxt{
                        ul{
                            li{
                                width: 260px;
                                height: 22px;
                                margin-bottom: 10px;
                                font-size: 14px;
                                display: flex;
                                p{
                                    font-size: 14px;
                                    font-weight: 400;
                                    white-space: nowrap;
                                    cursor: pointer;
                                }
                                .leftp{
                                    margin-right: 12px;
                                    color: #999;
                                }
                                p:hover{
                                    color: #e60000;
                                }
                                .rightp{
                                    
                                    color: #333;
                                    overflow: hidden;
                                    text-overflow: ellipsis;

                                }
                            }
                        }
                        
                        
                        }
                    }
                    li:nth-child(3){
                        margin-right: 0;
                    }
                    li:nth-child(6){
                        margin-right: 0;
                    }

                }
            
            }
        }
    }
}
.novelupdate{
   width: 1200px;
   margin: 30px auto 0 auto;
    padding-bottom: 130px;
  span.link-span {
    color: #666666;
    
  }
  span.link-span:hover {
    color: #e60000;
  }
  .container {
    width: 1200px;
    
    padding: 0 15px;
  }
  /* 合作伙伴部分 */
  .partner-links {
    margin-bottom: 25px;
    font-size: 12px;
    color: #666666;
  }
  .partner-links p.title {
    margin-bottom: 10px;
    font-weight: 600;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    
  }
  .partner-links .links-group {
    line-height: 1.8;
  }
  .partner-links .links-group span.link-span {
    margin-right: 12px;
    white-space: nowrap;
    cursor: pointer;
  }
  .partner-links .links-group span.link-span:last-child {
    margin-right: 0;
  }
  /* 出版合作联系和客服信息 */
  .info-section {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #666;
    margin-bottom: 20px;
  }
  .info-block {
    flex-basis: 32%;
  }
  .info-block h3 {
    color: #333;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 10px;
  }
  .info-block p {
    line-height: 1.6;
  }
  .info-block p span {
    display: inline-block;
    min-width: 48px;
  }
  /* 右侧图标区域 */
  .icon-section {
    text-align: right;
  }
  .icon-section img {
    width: 68px;
    height: 23px;
    vertical-align: middle;
  }
  /* 底部导航菜单 */
  .footer-nav {
    border-top: 1px solid #dcdcdc;
    padding-top: 15px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #666;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 15px;
  }

  .footer-nav span.link-span {
    color: #333;
    white-space: nowrap;
    cursor: pointer;
  }
  .footer-nav span.link-span:hover{
    color: #e60000;
  }
  /* 底部版权及备案信息 */
  .footer-bottom {
    font-size: 11px;
    color: #999999;
    line-height: 1.4;
    width: 1200px;
    margin: 0 auto 15px auto;
    padding: 0 15px;
  }
  .footer-bottom p {
    margin-bottom: 9px;
    text-align: center;
  }
  
  /* 备案图标区域 */
  .record-icons {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
    img{
        width: 138px;
        height: 48px;
    }
  }
    .info-section {
        display: flex;
        justify-content: space-between;
      
    }
    .info-block {
      flex-basis: 100%;
      margin-bottom: 15px;
    }
    .icon-section {
      text-align: left;
    }

  }
.zonghengtu img{
    width: 76px;
    height: 63px;
}

.sidebar {
    position: fixed;
    right: 50%;
    bottom: 100px;
    width: 66px;
    translate: 700px;
    z-index: 999;
    .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 66px;
        height: 66px;
        margin-bottom: 8px;
        background-color: #fff;
        border-radius: 12px;
        cursor: pointer;
        div {
            width: 26px;
            height: 26px;
            overflow: hidden;
        }
        span {
            font-size: 12px;
            color: #333;
            font-weight: 400;
            line-height: 16px;
            margin-top: 3px;
            font-family: PingFangSC-Regular, PingFang SC;
        }
    }
    .icon:hover {
        img {
            stroke: #E60000;
            -webkit-filter: drop-shadow(#E60000 26px 0);
            margin-left: -26px;
        }
        span {
            color: #E60000;
        }
    }
}
